<template>
  <div>
    <div class="top">
      <img
        class="img1"
        @click="$router.back(-1)"
        src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps7aijnr7mmfiiff04bbxqzk4wg94l9u12q84e945fe-7254-43e9-9c7b-75b8e8bd91b9"
      />
      <span class="text1">新人大比拼</span>
      <img
        class="img2"
        src="https://lanhu.oss-cn-beijing.aliyuncs.com/psz0xq4ymukthv2dvoipqpip1f3vdcjbpa63c91d8-a25b-480b-a341-ad8d6260cc3d"
      />
    </div>
    <div class="topz"></div>
    <div class="box">
      <div class="box1">
        <img
          class="img3"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/pspw3itap9cjfuukkkoocujr5u7cx4jm4coc8474d2c-6fd2-40ce-95ee-9cbffc79b09b"
          alt=""
        />
      </div>
      <div class="text2">
        <div class="con">
          <p class="text3">亲爱的参赛者：</p>
          2021“微笑世界”国际摄影大赛（第一赛季）的结果已经揭晓。<br />在过万张照片里，让我们看到这些不同肤色&nbsp;、不同国家，不同民族的人民拥有共同的情感&nbsp;，共同的喜悦，通过微笑&nbsp;，让我们拥有了触及心灵的温暖力量。衷心感谢您的参与&nbsp;，让我们一起期待即将开始的第二赛季微笑世界国际摄影大赛。
        </div>
      </div>
    </div>
    <div class="bottom"></div>
    <div class="bottomz"></div>
  </div>
</template>
<style scoped>
.top {
  position: fixed;
  top: 0;
  width: 100%;
  height: 1.45rem;
  background-color: #212121;
  padding-bottom: 0.29rem;
  color: rgba(255, 255, 255, 1);
  font-size: 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 3;
}
.topz {
  width: 100%;
  height: 1.45rem;
  background-color: #212121;
  padding-bottom: 0.3rem;
}
.img1 {
  margin-left: 0.73rem;
  width: 0.2rem;
  height: 0.32rem;
}
.img2 {
  margin-right: 0.65rem;
  width: 0.46rem;
  height: 0.36rem;
}
.box {
  width: 100%;
  background-color: #212121;
}
.box1 {
  width: 100%;
  display: flex;
  justify-content: center;
  border: 0.01rem solid #e4e4e4;
}
.img3 {
  width: 90%;
}
.text2 {
  width: 100%;
  height: 3.86rem;
  background-color: #212121;
  overflow: hidden;
}

.con {
  width: 90%;
  margin-top: 0.23rem;
  margin: 0.23rem auto 1.33rem;
  color: #fff;
  font-size: 0.24rem;
}
.text3 {
  font-size: 0.3rem;
}
.bottom {
  z-index: 3;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 0.68rem;
}
.bottomz {
  width: 100%;
  height: 0.68rem;
}
</style>
